<!doctype html>
<html lang="zxx">
    <head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap CSS --> 
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<!-- Owl Theme Default CSS --> 
		<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
		<!-- Owl Carousel CSS --> 
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
		<!-- Owl Magnific CSS --> 
		<link rel="stylesheet" href="assets/css/magnific-popup.css">
		<!-- Animate CSS --> 
		<link rel="stylesheet" href="assets/css/animate.css">
		<!-- Boxicons CSS --> 
		<link rel="stylesheet" href="assets/css/boxicons.min.css"> 
		<!-- Flaticon CSS --> 
		<link rel="stylesheet" href="assets/css/flaticon.css">
		<!-- Meanmenu CSS -->
		<link rel="stylesheet" href="assets/css/meanmenu.css">
		<!-- Nice Select CSS -->
		<link rel="stylesheet" href="assets/css/nice-select.css">
		<!-- Odometer CSS-->
		<link rel="stylesheet" href="assets/css/odometer.css">
		<!-- Style CSS -->
		<link rel="stylesheet" href="assets/css/style.css">
		<!-- Responsive CSS -->
		<link rel="stylesheet" href="assets/css/responsive.css">
		
		<!-- Favicon -->
		<link rel="icon" type="image/png" href="assets/img/favicon.png">
		<!-- Title -->
		<title>编程蛙--少儿编程</title>
		</head>
		
		<body>
			<!-- Start Preloader Area -->
			<div class="loader-wrapper">
				<div class="loader">
					<div class="dot-wrap">
						<span class="dot"></span>
						<span class="dot"></span>
						<span class="dot"></span>
						<span class="dot"></span>
					</div>
				</div>
			</div>
			<!-- End Preloader Area -->
		 
			<!-- Start Navbar Area -->
			<div class="navbar-area">
				<!-- Menu For Mobile Device -->
				<div class="mobile-nav">
					<a href="index.html" class="logo">
						<img src="assets/img/logo.png" alt="Logo">
					</a>
				</div>
			
				<!-- Menu For Desktop Device -->
				<div class="main-nav">
					<div class="container-fluid">
						<nav class="navbar navbar-expand-md">
							<a class="navbar-brand" href="index.html">
								<img src="assets/img/logo.png" alt="Logo">
							</a>
							
							<div class="collapse navbar-collapse mean-menu">
								<ul class="navbar-nav m-auto">
									<li class="nav-item">
										<a href="#" class="nav-link active">
											 个人中心
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="index.html" class="nav-link active">我的主页</a>
											</li>
											<li class="nav-item">
												<a href="index-2.html" class="nav-link">预约课时</a>
											</li>
											<li class="nav-item">
												<a href="index-3.html" class="nav-link">我的订单</a>
											</li>
											<li class="nav-item">
												<a href="index-3.html" class="nav-link">我的老师</a>
											</li>
											<li class="nav-item">
												<a href="index-3.html" class="nav-link">我的行程</a>
											</li>
										</ul>
									</li>
			
									<li class="nav-item">
										<a href="#" class="nav-link">
											家教列表
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="courses.html" class="nav-link">全部老师</a>
											</li>
											
										</ul>
									</li>
			
									<li class="nav-item">
										<a href="#" class="nav-link">
											学习中心
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="about.html" class="nav-link">About</a>
											</li>
											<li class="nav-item">
												<a href="feedback.html" class="nav-link">Feedback</a>
											</li>
											<li class="nav-item">
												<a href="#" class="nav-link">
													Events
													<i class='bx bx-chevron-right'></i>
												</a>
			
												<ul class="dropdown-menu">
													<li class="nav-item">
														<a href="events.html" class="nav-link">Events</a>
													</li>
													<li class="nav-item">
														<a href="single-event.html" class="nav-link">Single Event</a>
													</li>
												</ul>
											</li>
											<li class="nav-item">
												<a href="instructors.html" class="nav-link">Instructors</a>
											</li>
											<li class="nav-item">
												<a href="#" class="nav-link">
													User
													<i class='bx bx-chevron-right'></i>
												</a>
			
												<ul class="dropdown-menu">
													<li class="nav-item">
														<a href="my-account.html" class="nav-link">My Account</a>
													</li>
													<li class="nav-item">
														<a href="log-in.html" class="nav-link">Log In</a>
													</li>
													<li class="nav-item">
														<a href="registration.html" class="nav-link">Registration</a>
													</li>
													<li class="nav-item">
														<a href="recover-password.html" class="nav-link">Recover Password</a>
													</li>
												</ul>
											</li>
			
											<li class="nav-item">
												<a href="gallery.html" class="nav-link">Gallery</a>
											</li>
											<li class="nav-item">
												<a href="faq.html" class="nav-link">FAQ</a>
											</li>
											<li class="nav-item">
												<a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
											</li>
											<li class="nav-item">
												<a href="terms-conditions.html" class="nav-link">Terms & Conditions</a>
											</li>
											<li class="nav-item">
												<a href="coming-soon.html" class="nav-link">Coming Soon</a>
											</li>
											<li class="nav-item">
												<a href="404.html" class="nav-link">404 Error Page</a>
											</li>
										</ul>
									</li>
			
									<li class="nav-item">
										<a href="#" class="nav-link">
											s商城
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="shop.html" class="nav-link">课时包购买</a>
											</li>
											
										</ul>
									</li>
								</ul>
								
								<!-- Start Other Option -->
								<div class="others-option">
									<div class="option-item">
										<i class="search-btn bx bx-search"></i>
										<i class="close-btn bx bx-x"></i>
										
										<div class="search-overlay search-popup">
											<div class='search-box'>
												<form class="search-form">
													<input class="search-input" name="search" placeholder="Search" type="text">
			
													<button class="search-button" type="submit"><i class="bx bx-search"></i></button>
												</form>
											</div>
										</div>
									</div>
			
									<div class="cart-icon">
										<a href="cart.html">
											<i class="flaticon-shopping-cart"></i>
											<span>0</span>
										</a>
									</div>	
									
									<div class="register">
										<a href="log-in.html" class="default-btn">
											登录
										</a>
										<a href="registration.html" class="default-btn">
											注册
										</a>
									</div>	
								</div>
								<!-- End Other Option -->
							</div>
						</nav>
					</div>
				</div>
			
				<!-- Start Others Option For Responsive -->
				<div class="others-option-for-responsive">
			        <div class="container">
			            <div class="dot-menu">
			                <div class="inner">
			                    <div class="circle circle-one"></div>
			                    <div class="circle circle-two"></div>
			                    <div class="circle circle-three"></div>
			                </div>
			            </div>
			            
			            <div class="container">
			                <div class="option-inner">
			                    <div class="others-option justify-content-center d-flex align-items-center">
			                        <div class="option-item">
										<i class="search-btn bx bx-search"></i>
										<i class="close-btn bx bx-x"></i>
										
										<div class="search-overlay search-popup">
											<div class='search-box'>
												<form class="search-form">
													<input class="search-input" name="search" placeholder="Search" type="text">
			
													<button class="search-button" type="submit"><i class="bx bx-search"></i></button>
												</form>
											</div>
										</div>
									</div>
			
									<div class="cart-icon">
										<a href="cart.html">
											<i class="flaticon-shopping-cart"></i>
											<span>0</span>
										</a>
									</div>	
									
									<div class="register">
										<a href="my-account.html" class="default-btn">
											登录 / 注册
										</a>
									</div>
			                    </div>
			                </div>
			            </div>
			        </div>
				</div>
				<!-- End Others Option For Responsive -->
			</div>
			<!-- End Navbar Area -->
		
		<!-- Start Page Title Area -->
		<div class="page-title-area bg-25">
			<div class="container">
				<div class="page-title-content">
					<h2>Single event</h2>
					<ul>
						<li>
							<a href="index.html">
								Home 
							</a>
						</li>
						
						<li class="active">Single event</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

		<!-- Start Single Event Area -->
		<section class="single-event-area ptb-100">
			<div class="container">
				<div class="row">
					<div class="col-lg-8">
						<div class="single-event-content">
							<h3 class="title">The great global project challenge conference</h3>

							<ul class="post-details">
								<li>
									<i class='bx bx-user'></i>
									By <a href="#">Admin</a>
								</li>
								<li>
									<i class='bx bx-calendar'></i>
									Posted on 13/07/2020 
								</li>
								<li>
									<i class='bx bx-comment'></i>
									<a href="#">2 Comments</a>
								</li>
							</ul>

							<img src="assets/img/single-event/single-event.jpg" alt="Image">

							<h3 class="mb-2">Even description</h3>

							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
							
							<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
						</div>
						
						<div class="map-area">
							<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.15830869428!2d-74.119763973046!3d40.69766374874431!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1595487039539!5m2!1sen!2sbd"></iframe>
						</div>

						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
								
						<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
					</div>

					<div class="col-lg-4">
						<div class="account-wrap">
							<ul>
								<li>
									Price: <span class="bold">$29.00</span>
								</li>
								<li>
									Start: <span>Sep 01, 2020</span>
								</li>
								<li>
									End: <span>Sep 02, 2020</span>
								</li>
								<li>
									Event category: <span>Education</span>
								</li>
								<li>
									Total slot: <span>100</span>
								</li>
								<li>
									Booked slot: <span>00</span>
								</li>
								<li>
									Website: <a href="#">www.eduon.com</a>
								</li>
							</ul>

							<a href="#" class="default-btn">Book now</a>
							<p>You must <a href="log-in.html">login</a> before register event.</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Single Event Area -->

		<!-- Start Footer Top Area -->
		<footer class="footer-top-area pt-100 pb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Find Us</h3>

							<ul class="address">
								<li class="location">
									<i class="bx bxs-location-plus"></i>
									6890 Blvd, The Bronx, NY 1058 New York, USA
								</li>

								<li>
									<i class="bx bxs-envelope"></i>
									<a href="mailto:hello@eduon.com">hello@eduon.com</a>
									<a href="mailto:public@eduon.com">public@eduon.com</a>
								</li>

								<li>
									<i class="bx bxs-phone-call"></i>
									<a href="tel:+1(514)312-5678">+1 (514) 312-5678</a>
									<a href="tel:+1(514)312-6688">+1 (514) 312-6688</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Useful links</h3>

							<ul class="link">
								<li>
									<a href="courses.html">All Courses</a>
								</li>
								<li>
									<a href="about.html">About us</a>
								</li>
								<li>
									<a href="faq.html">Help (FAQ)</a>
								</li>
								<li>
									<a href="terms-conditions.html">Terms & Conditions</a>
								</li>
								<li>
									<a href="privacy-policy.html">Privacy Policy</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Top online courses</h3>

							<ul class="link">
								<li>
									<a href="#">AI for everyone</a>
								</li>
								<li>
									<a href="#">Networks and deep learning</a>
								</li>
								<li>
									<a href="#">Learning with python</a>
								</li>
								<li>
									<a href="#">Financial markets</a>
								</li>
								<li>
									<a href="#">Speak English professionally</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Popular subjects</h3>

							<ul class="link">
								<li>
									<a href="#">Data science</a>
								</li>
								<li>
									<a href="#">Computer science</a>
								</li>
								<li>
									<a href="#">Business and Management</a>
								</li>
								<li>
									<a href="#">Business and Management</a>
								</li>
								<li>
									<a href="#">Nature & Environment</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- End Footer Top Area -->

		<!-- Start Footer Bottom Area -->
		<footer class="footer-bottom-area">
			<div class="container">
				<div class="copyright-wrap">
					<p>Copyright @2020 Eduon. Designed By <a href="https://hibootstrap.com/" target="blank">HiBootstrap.com</a></p>
				</div>
			</div>
		</footer>
		<!-- End Footer Bottom Area -->
		
		<!-- Start Go Top Area -->
		<div class="go-top">
			<i class='bx bx-chevrons-up'></i>
			<i class='bx bx-chevrons-up'></i>
		</div>
		<!-- End Go Top Area -->
		

        <!-- Jquery-3.5.1.Slim.Min.JS -->
        <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
        <!-- Popper JS -->
        <script src="assets/js/popper.min.js"></script>
        <!-- Bootstrap JS -->
        <script src="assets/js/bootstrap.min.js"></script>
        <!-- Meanmenu JS -->
		<script src="assets/js/jquery.meanmenu.js"></script>
        <!-- Wow JS -->
        <script src="assets/js/wow.min.js"></script>
        <!-- Owl Carousel JS -->
		<script src="assets/js/owl.carousel.js"></script>
        <!-- Owl Magnific JS -->
		<script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!-- Nice Select JS -->
		<script src="assets/js/jquery.nice-select.min.js"></script>
		<!-- Parallax JS --> 
		<script src="assets/js/parallax.min.js"></script>
		<!-- Appear JS --> 
        <script src="assets/js/jquery.appear.js"></script>
		<!-- Odometer JS --> 
		<script src="assets/js/odometer.min.js"></script>
		<!-- Form Validator JS -->
		<script src="assets/js/form-validator.min.js"></script>
		<!-- Contact JS -->
		<script src="assets/js/contact-form-script.js"></script>
		<!-- Ajaxchimp JS -->
		<script src="assets/js/jquery.ajaxchimp.min.js"></script>
        <!-- Custom JS -->
		<script src="assets/js/custom.js"></script>
    </body>
</html>